﻿<html>
    <TITLE>EX3</TITLE>
    <script>
        var donnee =new Array () ;

        donnee[0]=new Array () ;
        donnee[1]=new Array () ;
        donnee[2]=new Array () ;
        donnee[0][0] =12 ;
        donnee[0][1] =11.5 ;
        donnee[0][2] =13 ;
        donnee[0][3] =12 ;

        donnee[1][0] =8.5 ;
        donnee[1][1] =12 ;
        donnee[1][2] =10 ;
        donnee[1][3] =9.5 ;

        donnee[2][0] =8.5 ;
        donnee[2][1] =12 ;
        donnee[2][2] =14 ;
        donnee[2][3] =9.5 ;


        function calculmoypersonne(){
            
            var s=0 ;
            var a=document.getElementById("a").value;
            
            for (var j=0; j <donnee[a].length ;j++) {
                s +=donnee[a][j] ;
            }
            var m=s/donnee[a].length ;
            document.getElementById("general").value=m ;
            
        }
        
        function afficherMoyMatiere(){
            var a=document.getElementById("a").value;
            var b= document.getElementById("b").value;
            
            var s=0;
            
            for (var j=0; j <donnee.length ;j++) {
                s +=donnee[j][b] ;
            }
            var m=s/donnee.length ;
            document.getElementById("matiere").value=m ;
        }

        function init(){
            calculmoypersonne();
            afficherMoyMatiere();
        }
       window.onload=init;


    </script>

    <body >
        
        <br>
        <table  border =1 style="border-color: black" >
            <tr><td></td><td>Français</td><td>Math</td><td>Anglais</td><td>Hisoire</td></tr>
            <tr><td>Aurélie</td><td>12</td><td>11.5</td><td>13</td><td>12</td></tr>
            <tr><td>Bastien</td><td>8.5</td><td>12</td><td>10</td><td>9.5</td></tr>
            <tr><td>Naima</td><td>10.5</td><td>10</td><td>14</td><td>8.5</td></tr>
        </table>
        <b>Les moyennes:</b> <br>
        <form name="form">
            <select id="a" onchange="calculmoypersonne ();">
                <option value="0">Aurélie</option>
                <option value="1">Bastien</option>
                <option value="2">Naima</option>
            </select>
            <input type ="text" id ="general" READONLY>

            <select id="b" onchange="afficherMoyMatiere();">
                <option value="0">Français</option>
                <option value="1">Math</option>
                <option value="2">Anglais</option>
                <option value="3">Hisoire</option>
            </select>

            <input type ="text" id ="matiere" >

        </form>
    </body>
</html>